<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>中心开班信息</title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			div{
				width: 250px;
				border: 1px solid darkgray;
				border-radius: 10px;
				margin: 0px auto;
				background: linear-gradient(to bottom,#4DFDFD,white);
				box-sizing: border-box;
			}
			#zx ul li{
				list-style: none;
				height: 25px;	
				background-image:url(dotBg.gif);
				background-position: 0px -8px;		
			}
			#zx ul li a{
				color: darkgray;
				text-decoration: none;
				margin-left: 20px;
				
			}
			#zx ul li a:hover{
				color: brown;				
			}
			#zx h3{
				height: 40px;
				color: white;				
				margin-left: 10px;
				background-image: url(bg.gif);
				background-repeat: no-repeat;
				background-position: left;
				
			}
			#zx h3 span{
				margin-left: 35px;
			}
		</style>
	</head>
	<body>
		<div id="zx">
			<h3><span>中心开班信息</span></h3>
			<ul>
				<li><a href="#">8月12日：学历+技能班</a></li>
				<li><a href="#">8月16日：高考特招班</a></li>
				<li><a href="#">8月23日：Java精英班</a></li>
				<li><a href="#">8月31日：学士后强化班</a></li>
				<li><a href="#">9月5日：大学生就业班</a></li>
				<li><a href="#">9月9日：企业定向委培班</a></li>
				<li><a href="#">9月16日：网络营销强化班</a></li>
			</ul>
		</div>
	</body>
</html>
